body{background-color:#fff;}
.header{width:100%; /*position:fixed;top:0;left:0;*/ z-index:999;padding:20px 0px;background:#fff; }
.header .left{width: 42%;}
.header .left a img{/* height:42px; */margin-top:10px;}
.header .left .img2{display:none}
.header .nav{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;height:100%;display:block;width: 40%;}
.header .navbar_nav li{float:left; width:20%;position:relative;display:block}
.header .navbar_nav li:after{content:"";width:0;height:4px;background:#747474;position:absolute;bottom:0;left:0;transition:all .5s ease 0s}
.header .navbar_nav li:hover:after{width:100%}
.header .navbar_nav li a{text-decoration:none;height:100%; text-align:center; display:block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;color:#333;font-size:17px;line-height:60px;}
.header .navbar_nav li:hover a{color:#cf0000;}
.header .navbar_nav li.dropdown{display:inherit;position:relative}
.header .navbar_nav li.dropdown .jt{width:20px;height:20px;background:url(i/top.png) no-repeat;background-size:100% 100%;display:block}
.header .navbar_nav li.dropdown .dropdown_menu{display:none;position:absolute;top:60px;width:100%;background:#fff;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:120%;left:-10%; z-index:2222;}
.header .navbar_nav li.dropdown .dropdown_menu a{font-size:14px;color:#666;padding:0 10px;line-height:40px;text-align:center;background:#fff;margin-bottom:2px}
.header .navbar_nav li.dropdown:hover .dropdown_menu{display:block;background:#fff;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s}
.header .navbar_nav li.dropdown:hover .dropdown_menu a{color:#666}
.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{color:#fff;background:#cf0000;}
.header.on{background:#fff;border-bottom:1px solid #ccc}
.header.on .left .img1{display:none}
.header.on .left .img2{display:block}
.header.on .navbar_nav li a{color:#333}
.header.on .navbar_nav li:hover a{color:#ff4500}
#navToggle{display:none}
.m_nav{position:fixed;top:0;box-shadow:0 15px 27px 0 rgba(167,165,165,.38);width:100%;height:100%;background:#fff;transition:all ease .5s;-webkit-transition:all ease .5s;z-index:1000;opacity:1;visibility:visible;margin-top:0;overflow-y:auto;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;top:0;transform:translateX(100%)}
.m_nav.open{transform:translateX(0)}
.m_nav .top{height:60px;padding:15px 20px;box-sizing:border-box}
.m_nav .top .closed{width:30px;height:30px;vertical-align:middle;float:right;cursor:pointer}
.m_nav .logo{width:100%;margin:0 auto; padding: 0 5px;}
.m_nav .logo img{display:block;margin:0px auto}
.m_nav .ul{margin-top:10px}
.m_nav .ul li{padding:0 20px;border-bottom:1px solid #f5f5f5;transform:translateY(0);-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s;opacity:0}
.m_nav.open .ul li{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
.m_nav .ul li:nth-child(1){-webkit-transition:all .2s cubic-bezier(.77,0,.175,1) 0s;transition:all .2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(2){-webkit-transition:all .4s cubic-bezier(.77,0,.175,1) 0s;transition:all .4s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(3){-webkit-transition:all .6s cubic-bezier(.77,0,.175,1) 0s;transition:all .6s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(4){-webkit-transition:all .8s cubic-bezier(.77,0,.175,1) 0s;transition:all .8s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(5){-webkit-transition:all 1s cubic-bezier(.77,0,.175,1) 0s;transition:all 1s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(6){-webkit-transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(7){-webkit-transition:all 1.4s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(8){-webkit-transition:all 1.6s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li:nth-child(9){-webkit-transition:all 1.8s cubic-bezier(.77,0,.175,1) 0s;transition:all 1.2s cubic-bezier(.77,0,.175,1) 0s}
.m_nav .ul li a{display:block;text-decoration:none;color:#333;font-size:16px;height:43px;line-height:43px;width:100%}
.m_nav .ul li .dropdown_menu{display:none}
.m_nav .ul li.dropdown.active .dropdown_menu{display:block}
.m_nav .ul li .dropdown_menu a{display:block;height:50px;line-height:50px;padding:0 40px;box-sizing:border-box;border-bottom:1px solid #f5f5f5}
.m_nav .ul li .dropdown_menu a:last-child{border:none}
@media screen and (max-width:1200px){
.header .nav{ width:58%; float:left}
}
@media screen and (max-width:1199px){
.header .left a img {
    margin-top: 15px;
}
}

@media screen and (max-width:992px){
.bgheight{ height:58px;}
.header{padding:0px; position:fixed; left:0; top:0;}
	.header .left a img {
    margin-top: 10px;
}
.header #navToggle{height:100%;padding:12px 15px;margin-right:-15px;display:inline-block;float:right}
.header #navToggle span{position:relative;width:25px;height:1px;margin-top:19px}
.header #navToggle span:after,.header #navToggle span:before{content:'';position:relative;width:100%;height:1px;left:0}
.header #navToggle span,.header #navToggle span:after,.header #navToggle span:before{-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;display:block;background:#4f4f4f}
.header #navToggle span:before{top:8px}
.header #navToggle span:after{bottom:10px}
.header #navToggle.open span:before{top:10px;-webkit-transform:translateY(-11px) rotate(-45deg);-moz-transform:translateY(-11px) rotate(-45deg);-ms-transform:translateY(-11px) rotate(-45deg);-o-transform:translateY(-11px) rotate(-45deg);transform:translateY(-11px) rotate(-45deg)}
.header #navToggle.open span:after{bottom:12px;-webkit-transform:translateY(10px) rotate(45deg);-moz-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg)}
.header #navToggle.open span{background:0 0}
.header #navToggle.open span:after,.header #navToggle.open span:before{background:#4f4f4f}
.header .nav{display:none}
.header .left{width:85%}
}